<template>
	<view class="main">
		<view class="content" style="border: none;padding-top: 20rpx;">
			<text>民用爆炸物品安全生产许可(证）年检</text>
			<view class="btn-group">
				<view class="btn-detail"></view>
				<button>在线办理</button>
			</view>
		</view>
		<view class="content">
			<text>江西省预拌混凝土和预拌砂浆生产企业及产品目录查询</text>
			<view class="btn-group">
				<view class="btn-detail"></view>
				<button>在线办理</button>
			</view>
		</view>
		<view class="content">
			<text>权限内企业、事业单位、社会团体投资（技改）项目申请报告核准</text>
			<view class="btn-group">
				<view class="btn-gap"></view>
				<view class="btn-detail">稀土深加工（技改）项目核准</view>
				<button>在线办理</button>
			</view>
			<view class="btn-group">
				<view class="btn-gap"></view>
				<view class="btn-detail">黄金采选矿（技改）项目核准</view>
				<button>在线办理</button>
			</view>
		</view>
	</view>
</template>

<script></script>

<style lang="less" scoped>
.main {
	padding: 20rpx 50rpx;
	padding-top: 0rpx;
	.content {
		padding-bottom: 30rpx;
		border-top: 1rpx solid #f1f1f1;
		display: flex;
		flex-direction: column;
		text {
			color: #333333;
			font-size: 32rpx;
			margin-top: 40rpx;
		}
		.btn-group {
			display: flex;
			align-items: center;
			margin-top: 40rpx;
			.btn-gap {
				width: 6rpx;
				height: 36rpx;
				margin-right: 20rpx;
				background-color: #3c90f2;
				border-radius: 2rpx;
			}
			.btn-detail {
				display: flex;
				align-items: center;
				flex: 1;
			}
			button {
				width: 168rpx;
				height: 68rpx;
				font-size: 28rpx;
				color: white;
				background-color: #5b96ff;
				border-radius: 5rpx;
				list-style: none;
			}
		}
	}
}
</style>
